.panel-body {
    .panel-box {
        .main-top {
            .search-box {
                display: inline-block;
                margin-bottom: 20px;
                .search {
                    width: 239px;
                    height: 36px;
                    line-height: 38px;
                    border: 1px solid #999;
                    border-right: none;
                    padding-left: 10px;
                    padding-right: 10px;
                    &:focus {
                        border: 1px solid #3884c6;
                        border-right: none;
                    }
                }
                .search-icon {
                    width: 40px;
                    height: 40px;
                    float: right;
                    background: #3B84C3 url('../images/search.png') center no-repeat;
                }
            }
            input[type="submit"] {
                float: right;
                width: 140px;
                height: 40px;
                border-radius: 4px;
                border: none;
                background-color: #3884c6;
                color: white;
                font-size: 16px;
                font-family: "微软雅黑";
                cursor: pointer;
                &:hover{
                	background-color: #4490d2;
                }
            }
        }
        table {
            width: 100%;
            text-align: center;
            vertical-align: middle;
            border-collapse: collapse;
            td {
                border-bottom: 1px solid #ccc;
                height: 38px;
                line-height: 38px;
            }
            thead {
                td {
                    background: #666;
                    font-size: 14px;
                    color: white;
                }
                .num {
                    width: 80px;
                }
                .account {
                    width: 180px;
                }
                .name {
                    width: 180px;
                }
                .apartment {
                    width: 180px;
                }
                .group {
                    width: 300px;
                }
                .status {
                    width: 110px;
                }
                .operate {
                    width: 180px;
                }
            }
            tbody {
                tr {
                    td {
                        font-size: 12px;
                        color: #404040;
                        a {
                            margin-right: 10px;
                            margin-left: 10px;
                        }
                        .writing {
                            padding: 0 8px;
                            background: url("../images/writing.png") center no-repeat;
                            &:hover {
                                padding: 0 8px;
                                background: url("../images/writing2.png") center no-repeat;
                            }
                        }
                        .operatting {
                            padding: 0 8px;
                            background: url("../images/icon7.png") center no-repeat;
                            &:hover {
                                padding: 0 8px;
                                background: url("../images/icon8.png") center no-repeat;
                            }
                        }
                        .cancel {
                            padding: 0 8px;
                            background: url("../images/cancel1.png") center no-repeat;
                            &:hover {
                                padding: 0 8px;
                                background: url("../images/cancel2.png") center no-repeat;
                            }
                        }
                    }
                }
            }
        }
    }
}
